<template>
	<view>
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item v-for="(item, index) in testList" :key="index" :icon="item.icon" :title="item.title" @click="routerTo(item.name)"></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			testList: [
				{ title: this.$t('testlist.router'), icon: 'star', name: 'testRouter' },
				{ title: this.$t('testlist.i18nlang'), icon: 'coupon', name: 'testI18nLang' },
				{ title: this.$t('testlist.vuexstore'), icon: 'coupon', name: 'vuexStore' },
				{ title: this.$t('testlist.testUview'), icon: 'coupon', name: 'testUview' },
				{ title: this.$t('testlist.repuest'), icon: 'coupon', name: 'testRepuest' }
			]
		};
	},
	onLoad() {
		console.log(this.$Route);
	},
	methods: {
		routerTo(name) {
			console.log('name==', name);
			this.$Router.push({ name: name });
		}
	}
};
</script>

<style lang="scss"></style>
